<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>莱德车邦</title>
    <link rel="stylesheet" type="text/css" href="../lib/weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/res.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <script src="../lib/fastclick.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='../js/swiper.js' charset='utf-8'></script>
</head>
<body ontouchstart>
<div class="weui-tab">
    <!--底部导航栏-->
    <div class="weui-tabbar pos-fix-f-tabbar">
        <a href="main.html" class="weui-tabbar__item weui-bar__item--on">

            <div class="weui-tabbar__icon">
                <img src="images/menu-1-Home@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">主页</p>
        </a>
        <a href="carSource.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/menu-2-cheyuan-sel@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">车源</p>
        </a>
        <a href="service.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/menu-3-fuwu-sel@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">服务</p>
        </a>
        <a href="user.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="images/menu-4-geren-sel@2x.png" alt="">
            </div>
            <p class="weui-tabbar__label">个人</p>
        </a>
    </div>
    <!--底部导航栏 end-->
    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">

            <!--搜索栏-->
            <div class="main-header weui-flex">
                <div class="main-header-address f-16" >济南</div>
                <div class="weui-flex__item search-bar">
                    <input class="search-bar-input f-16" placeholder="搜索品牌/车型/车行" type="text" name="search" id="search" value=""/>
                </div>
            </div>
            <!--搜索栏 end-->
            <!--幻灯片-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide"><img src="images/home-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/store-banner-1@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-1-banner@2x.png"/></div>
                </div>
                <!-- If we need pagination -->
                <div class="swiper-pagination ta-r"></div>
            </div>

            <!--幻灯片 end-->
            <!--九宫格-->
            <div class="weui-grids c-66 bor-clear-before">
                <a href="newCar.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img  src="images/home-btn-1-xinche@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        新车
                    </p>
                </a>
                <a href="usedCar.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-2-ershouche@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        二手车
                    </p>
                </a>
                <a href="vehicleEvaluation.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-3-kanche@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        帮忙看车
                    </p>
                </a>
                <a href="carFinance.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-4-jinrong@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        汽车金融
                    </p>
                </a>
                <a href="weddingCar.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-5-hunche@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label">
                        婚车定制
                    </p>
                </a>
                <a href="carInformation.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-6-jiuyuan@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        一键救援
                    </p>
                </a>
                <a href="maintenance.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-7-weixiu@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        维修保养
                    </p>
                </a>
                <a href="carBeauty.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-8-meirong@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        汽车美容
                    </p>
                </a>
                <a href="integratedService.html" class="weui-grid js_grid ta-c">
                    <div class="grid-icon-main">
                        <img class="grid-icon" src="images/home-btn-9-zonghe@2x.png" alt="">
                    </div>
                    <p class="weui-grid__label f-14">
                        综合服务
                    </p>
                </a>

            </div>
            <!--九宫格 end-->
            <!--优惠活动-->
            <div class="weui-panel weui-panel_access">
                <div class="weui-panel__hd f-rem-32 c-33 weui-cell weui-cell_access ">
                    <div class="weui-cell__hd">
                        <img class="icon-1" src="images/home-icon-youhuihuodong@2x.png"/>
                    </div>
                    <div class="weui-cell__bd">优惠活动</div>
                    <span class="weui-cell__ft">更多</span>

                </div>
                <div class="weui-panel__bd weui-grids p-5">
                    <div class="grid-2 p-5">
                        <img style="width: 100%;" class="" src="images/home-banner-2@2x.png"/>
                    </div>
                    <div class="grid-2 p-5">
                        <img style="width: 100%;" class="" src="images/home-banner-3@2x.png"/>
                    </div>

                </div>

            </div>

            <!--优惠活动 end-->

            <!--底部空行-->
            <div style="height:45px;" class="">
                &nbsp;
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        FastClick.attach(document.body);
    });

    $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
    });
</script>
</body>

</html>